<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/bt/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="css/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<title>文章详情</title>
		<style type="text/css">
			/*文章详情*/
			a{
				color: #656565;
			}
			.link_path{
				
				height: 3rem;
				line-height: 3rem;
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
			}
			.cs_content_box{
				color: #656565;
			}
			.content_title{
				border-left: 3px solid #656565;
				padding-left: 2rem;
			}
			.content_title h1{
				font-size: 25px;
			}
			.content_info{
				height: 3rem;
				line-height: 3rem;
				border-bottom: 1px dashed #E0E0E0;
				/*text-align: center;*/
				font-size: 10px;
				margin: 1rem 0;
			}
			.content_info i{
				display: inline-block;
			}
			.article_time{
				float: left;
				margin-right: 1rem;
			}
			.article_user{
				float: left;
			}
			.article_read{
				float: right;
			}
			.cs_content{
				border: 1px solid #E0E0E0;
				padding: 1rem;
				border-radius: 1rem;
				background-color: #fff;
			}
			
			/*标签等信息*/
			.content_about{
				background-color: #fff;
				border: 1px solid #E0E0E0;
				margin: 1rem 0;
				padding: 0.5rem 1rem 0 1rem ;
			}
			/*评论框*/
			.comments_bar{
				background-color: #fff;
				border: 1px solid #E0E0E0;
				margin: 1rem 0;
				padding: 0.5rem 1rem 0 1rem ;
			}
			.comments_value{
				height: 120px;
				width: 100%;
				resize: none;
			}
			.comments_user_info input{
				width: 100%;
				height: 2rem;
				margin-bottom: 0.5rem;
			}
		</style>
	</head>
	<body>
		<!--移动端策划菜单-->
		<header class="visible-xs cs_left_head head_hide">
			<img src="img/m_logo.png" class="m_logo" alt="" />
			<img src="img/qrcode.jpg" class="m_headimg" alt="" />
			<p>suoge</p>
			<ul class="m_menu">
				<li><a href="">精彩首页</a></li>
				<li><a href="">产品中心</a></li>
				<li><a href="">新闻咨询</a></li>
				<li><a href="">关于我们</a></li>
				<li><a href="">案例展示</a></li>
			</ul>
			<p class="contact_link"><a href="#"><span class="fa fa-qq fa-fw"></a></span> <a href=""><span class="fa fa-weibo fa-fw"></span></a><a href=""><span class="fa fa-github fa-fw"></span></a></p>
		</header>
		<!--主体内容区域-->
		<div id="main">
			<!--主体头部-->
			<div class="main_head">
				<div class="container">
					<div class="m_headbar">
						<button id="m_menu_btn" class="navbar-toggle" type="button" ><i class="fa fa-navicon fa-fw"></i></button>
						<img class="pc_logo " src="img/m_logo.png" alt="" />
					<!--导航-->
					<nav id="main-navbar" class="hidden-xs" >
						<ul class="nav navbar-nav pull-right">
						  <li role="presentation" class="active"><a href="#">首页</a></li>
						  <li role="presentation"><a href="#">菜单一</a></li>
						  <li role="presentation"><a href="#">菜单二</a></li>
						  <li role="presentation"><input class="form-control input-sm pc_search"  type="search" placeholder="输入搜索内容" /></li>
							
						</ul>
					</nav>
					</div>
				</div>
			</div>
			<!--主体内容区-->
			<div class="main_body">
				<div class="container main_tontent">
					<!--路径-->
					<div class="col-sm-12 link_path">
						首页 /  影视资源 / 2017动作惊悚《惊天解密》720p.BD中英双字
					</div>
					
					<!--左侧内容区-->
					<div class="col-sm-12 col-lg-9 main_left">
						<div class="cs_content_box">
							<div class="content_title">
								<h1>这是文章标题咿呀咿呀</h1>
							</div>
							<div class="content_info">
								<span class="article_time"><i class="fa fa-clock-o fa-fw "></i>2017-08-28 12:15:25 </span><span class="article_user"><i class="fa fa-user fa-fw "></i>admin</span><span class="article_read"><i class="fa fa-eye fa-fw "></i>56</span> 
							</div>
							<div class="cs_content">
								<p>
									Cum sociis natoque penatibus et magnis dis parturient montes,
									nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. 
									Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
									eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
								</p>
								<p>就付货款我句啊身份开发黑白色记得哈 看我啊蝴蝶飞卡搜索都能发</p>
								<p>
									Cum sociis natoque penatibus et magnis dis parturient montes,
									nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. 
									Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
									eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
								</p>
								<p>就付货款我句啊身份开发黑白色记得哈 看我啊蝴蝶飞卡搜索都能发</p>
							</div>
							
							<!--文章相关信息标签 。版权。链接等-->
							<div class="content_about">
								<p class=""><i class="fa fa-tags fa-fw"></i>本文标签：<span class="about_tags">电影</span></p>
								<p class=""><i class="fa fa-copyright fa-fw"></i>版权声明：若无特殊注明，本文皆为《admin》原创，转载请保留文章出处。</p>
								<p class=""><i class="fa fa-link fa-fw"></i>本文链接：http://baidu.com</p>
							</div>
							
							<!--评论框-->
							<div class="comments_bar">
								<header><i class="fa fa-comments"></i>发表评论</header>
								<p class="tips_comments">提示信息提示信息提示信息提示信息提示信息</p>
								<textarea name="" rows="" cols="" placeholder="骚年，来一发吧！" class="comments_value"></textarea>
								<div class="row comments_user_info">
									<div class="col-sm-6">
										<input type="text" placeholder="QQ"/>
									</div>
									<div class="col-sm-6">
										<input type="text" placeholder="昵称"/>
									</div>
									<div class="col-sm-6">
										<input type="text" placeholder="邮箱"/>
									</div>
									<div class="col-sm-6">
										<input type="text" placeholder="网站"/>
									</div>
								</div>
								<div class="send_box">
									<i class="fa fa-smile-o"></i>
									
									<button>发表</button>
								</div>
							</div>
							
							
						</div>
						
						
						
						
						
					</div>
					
					<!--右侧边栏-->
					<div class="col-lg-3 main_right visible-lg">
						<div class="my_intro">
							<img class="head_img" src="img/icon-logo-512.png"/>
							<p><span class="my_name">suoge</span></p>
							<p>啥也没说。。</p>
							<span class="fa fa-qq fa-fw"></span><span class="fa fa-weibo fa-fw"></span><span class="fa fa-github fa-fw"></span>
						</div>
						
						<!--热门文章-->
						<div class="hots">
							<header><i class="fa fa-fire fa-fw"></i>热门文章</header>
						 	<ul>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 	</ul>
						</div>
						
						<!--最新评论-->
						<div class="new_comment">
							<header><i class="fa fa-comments fa-fw"></i>最新评论</header>
						 	<ul>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊 </p> <span class="comment_time">刚刚</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊他说的什么鬼啊</p><span class="comment_time">2小时前</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊</p><span class="comment_time">2017-02-12 21:11:12</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊</p><span class="comment_time">3分钟前</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊他说的什么鬼啊他说的什么鬼啊</p><span class="comment_time">2017-02-12 21:11:12</span></li>
						 	</ul>
						</div>
						
						<!--广告位-->
						<div class="ads_box">
							<header><i class="fa fa-hand-o-right fa-fw"></i>广告位<i class="fa fa-hand-o-left fa-fw"></i></header>
						 	<img src="img/icon-logo-512.png"/>
						</div>
						
					</div>
				</div>
				
			</div>
			
			
			<!--底部-->
			<div class="common_foot">
				<div class="container visible-lg">
					<div class="col-xs-8">
						
						<header><i class="fa fa-link fa-fw"></i>友情链接 <span class="applyfor_link"><a target="_blank" title="申请友链" href="#" >申请</a></span></header> 
						<ul class="links_list">
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							
						</ul>
					</div>
					<div class="col-xs-4">
						<div class="foot_right">
							<img class="foot_qrcode" src="img/qrcode.jpg"/>
							<p>斯诺伐克挤死你福克斯你姐夫坑死你看看就</p>
						</div>
					</div>
				</div>
					<p style="text-align: center;">Copyright © 2017 sgblog  | 鄂ICP备00000号</p>
				<p class="right_tips">本站部分资源来源于互联网网友交流,只供网络测试和学习交流所用、所有版权归原权利人，如有关资源侵犯了你的权益，请联系告之，我们将于第一时间删除！</p>
			</div>
			
		</div>
			
			
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

